// out: false
@main-color: #2e60b2;
@img-url: "../images/";
@bg: #f2f2f2;
@icon-font-url: "/pr/public/iconfont";
@component-url:'./component';
.scrollbar__(@width: 8px, @height: 8px) {
    &::-webkit-scrollbar {
        width: @width;
        height: @height;
        background-color: @scrollbar-bg-color;
        border-radius: 100px;
    }

    &::-webkit-scrollbar-thumb {
        background-color: fade(@scrollbar-color, 20%);
        border-radius: 100px;
    }

    &::-webkit-scrollbar-corner {
        background: none;
    }

    &:hover {

        // width: @scrollbar-width;
        // &::-webkit-scrollbar {
        //     width: @scrollbar-width;
        // }
        &::-webkit-scrollbar-thumb {
            background-color: fade(@scrollbar-color, 30%);
        }
    }
}

// scrollbar
@scrollbar-width: 6px;
@scrollbar-height: 6px;
@scrollbar-color: rgba(0, 0, 0, .3);
@scrollbar-bg-color: #fff;
// 左侧菜单
@side-menu-bg: #fff;
@side-font-color: #333;
@side-font-color: #333;
@side-nav-more-color: #333;
@side-nav-itemed-color: #333;
@side-nav-itemed-bg: rgba(0, 0, 0, .03);
@side-nav-itemed-title-bg: #f2f2f2;
@side-layui-nav-bar: #2e60b2;
@side-layui-nav-this-bg: #ccc;
@side-layui-nav-this-color: #333;
// 头部
@header-bg: #0a0032;
@header-height: 70px;
@header-full-main-bg: #e06c18;
@header-full-main-text: #fff;
// main
@main-margin: 0;
//layer
@layui-form-btn-box-bg: #fff;


@uiName :.zku-;
@skinName: "light";
@main-color: #333;
@img-url: "/pr/pc/images/skin/light-default";
@abg: #f2f2f2;
@body-bg: #fff;
@body-font-color: #333;
// 左侧菜单
@side-menu-bg: #fff;
@side-font-color: #333;
@side-nav-more-color: #333;
@side-nav-itemed-color: #333;
@side-nav-itemed-bg: #fff;
@side-nav-itemed-title-bg: rgba(0, 0, 0, .05);
@side-layui-nav-bar: #2e60b2;
@side-nav-itemed-this-bg: #fff;
@side-nav-itemed-this-dot: @side-layui-nav-bar;
@side-nav-itemed-this-color: @side-layui-nav-bar !important;
// 头部
@header-bg: none;
@header-height: 70px;
@header-full-main-bg: #e06c18;
@header-full-main-text: #fff;
@head-link-bg: "topbtn.png";
@head-link-border-width: 18;
@head-link-font-color: #333;
@head-link-font-hover-color: #f7af48;
@head-link-font-shadow-color: none;
@head-bottom: 1px solid #ccc;
// @header-bg: linear-gradient(#2e60b2, #10142c, #fff) !important;
// @header-height: 70px;
// @header-full-main-bg: #e06c18;
// @header-full-main-text: #fff;
// @head-link-bg: "topbtn.png";
// @head-link-border-width: 18;
// @head-link-font-color: #fff;
// @head-link-font-hover-color: #f7af48;
// @head-link-font-shadow-color: #333;
// @head-bottom: 1px solid #ccc;
// logo
@logo-font-color: #3a52ff;
// main
@main-margin: 0px;
@main-border: 0;
@main-border-img: "bk2.png";
// form
@form-label-color: #a6afcc;
// pagetabs
@pagetabs-bg: #181920;
@pagetabs-dot-color: #3a52ff;
@pagetabs-dot-line: 0px solid #fff;
@pagetabs-text-color: #fff;
// ztree
@ztree-bg-color: #fff;
@ztree-border-color: #ccc;
// loading
@loadingBox-border: 1px solid #fff;
@loadingBox-bg: rgba(255, 255, 255, .6);
@loadingBox-font-color: #333;